草庐IT

html - CSS 延迟 :active selector taking effect

全部标签

javascript - d3.js 中的 HTML 工具提示清理

我在thisexample之后在d3.js中实现了HTML工具提示,使用这样的代码:functiononmouseover(d){$("#tooltip").fadeOut(100,function(){//generatetooltip$("#tooltip").fadeIn(100);});}functiononmouseout(){$("#tooltip").fadeOut(250);}它可以工作,但表现出一种行为,即如果鼠标在多个节点上快速移动,工具提示可能会停留在页面上。exampleabove表现出相同的行为(快乐的摆动!)。做了一些研究后似乎nvd3使用dispatch完

javascript - 使用 jQuery 或 JavaScript 绑定(bind)到自定义 CSS 动画结束事件?

我们对同一个对象有多个动画。当每个动画结束时,我们需要采取不同的操作。现在,我们绑定(bind)到webkitAnimationEnd事件,并使用粗糙的if/then语句以不同方式处理每个动画。有没有一种方法可以从根本上创建自定义webkitAnimationEnd事件,从而允许我们在特定动画结束时触发特定事件处理程序?例如,在animation1结束时触发handler1,在animation2结束时触发handler2。我们正在为Webkit浏览器构建,特别是MobileSafari。谢谢! 最佳答案 对于一个简单的事件触发器,

javascript - 我应该如何延迟加载 Ext JS MVC Controller 、 View 、存储和模型?

我们使用ExtJSMVC作为插件/主机架构的前端技术,其中存在一个主机并且可以通过xcopy轻松安装许多插件。每个插件都有一个ExtJS应用程序,每个插件都会在页面加载时注册自己。整个应用程序是一个SinglePageApplication(SPA).我们现在遇到的主要问题是,我们安装了10多个插件,每个插件至少有10个Controller,以及50多个View、存储和模型。因此,当我们刷新页面(F5)时,我们应该等待将近30秒,以便大约200个HTTP请求到达服务器,并返回大约3MB的响应。虽然应用了缓存,但这根本不是我们想要的。甚至不是第一次。我想即使是外行也会接受这样的论点,即要

javascript - 有没有一种方法可以防止在 jQuery 对象化 HTML 片段中加载图像

我有一个HTML片段,我正在通过jQuery对其进行对象化,以便从中提取一些数据。这个片段有一些我不希望浏览器下载的图像资源。有办法吗?我当前代码的简化版本:varhtml='BlahBlah.........';varobj=$(html);//thismakesthebrowserdownloadthecontainedimagesaswell!!!varmyData={item_1:obj.find('.data:first').text(),item_2:obj.find('.data2:first').text(),....//andsoon..};

用于 mac OSX 的 Chrome 浏览器中 HTML5 Canvas getImageData 的 javascript 内存泄漏

此问题已在新的chrome版本(版本35.0.1916.114)中修复在chromeforma​​cosx中,CanvasRenderingContext2D#getImageData函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只是发生了在chrome浏览器中,safari是可以的CanvasRenderingContext2D#getImageDatabuginchromevarg;functioninit(){g=document.getElementById('canvas').getContext('2d');g.fillStyle="blue";g.fil

javascript - 使用 require 和 backbone 通过 html 文件而不是脚本标签加载模板

我有一个非常简单的网页,它使用backbone从模板文件加载View:TravelDatedon'tknowit?FLIGHT#don'tknowit?Match在flight-match-form.js中,我只是说:$(document).ready(function(){varMatchView=Backbone.View.extend({initialize:function(){this.render();},render:function(){//Compilethetemplateusingunderscorevartemplate=_.template($("#templ

javascript - 如何动态添加行到html表

我有一个ASP.netMVC4.0web应用程序,它使用户能够动态地将行添加到html表。在我看来:$('.del').live('click',function(){id--;varrowCount=$('#options-tabletr').length;if(rowCount>2){$(this).parent().parent().remove();}});$('.add').live('click',function(){id++;varmaster=$(this).parents("table.dynatable");//Getanewrowbasedontheprotot

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

javascript - 屏幕旋转时 WKWebView CSS 渲染问题

首先,所有可能的iOS版本上的UIWebView都可以完美运行,所以这是一个特定的WKWebView问题。在我完成WKWebView的实现后,我遇到了一个巨大的图形错误/问题。在纵向模式下,我的应用程序运行良好,但是当我将它旋转为横向时,会发生一些奇怪的事情,我的页眉和页脚无法正确呈现。如果我查看我的网络代码,我可以看到DOM中的CSS宽度正在使用正确的数据进行更新,但我只能看到页眉/页脚的纵向宽度(320px),即使它显示为style=“width:568px;”在DOM中。我正在使用positioning:fixed但如果我更改为positioning:relative它会在屏幕旋

javascript - 如何在不在html上添加脚本标签的情况下使用google-maps-api-v3

我已经使用bower、gulp和browserify自动化了前端开发。我正在使用一个名为Gmaps的库处理对谷歌地图的api调用。问题是我必须在导入gmaps之前在我的html上添加一个脚本标签。我尝试从脚本链接下载js代码并连接到我的其他js文件,但没有成功,希望创建一个all.min.js并避免在我的网站上有多个脚本标签。我只能设法将脚本标签添加到html来完成这项工作。是否有在串联文件中使用googlemapsapi的方法? 最佳答案 当您想使用maps-API而无需另外时-文档中的元素答案很明确:否maps-API不仅使用了